<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css" >
        body { text-align: center; font-family:"宋体", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}
        div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
        li{list-style-type:none;}
        img{vertical-align:top;}


        a:link {color: #1f3a87; text-decoration:none;}
        a:visited {color: #83006f;text-decoration:none;}
        a:hover {color: #bc2931; text-decoration:underline;}
        a:active {color: #bc2931;}


        .bj{ width: 100%; height: 1080px; background: url("./imgs/11111111.jpg") no-repeat;position: absolute;filter: alpha(opacity=50)}
        .center{width: 400px; height: 400px; background-color: #ffffff; margin: 330px 1100px;position: absolute;  }
        .tx1{width: 128px; height: 26px; font-size: 18px; color: #333333; margin: 25px auto; margin-top: 40px ;margin-bottom: -10px }
        .tx2{width: 248px; height: 20px; color: #666666;margin: 20px  auto;}
        .tx2 a{color: #3481cf; text-decoration: none;}
        .ff input{width: 262px; height: 42px; margin: 10px auto; padding-left: 8px}
        .sub{width: 272px !important; background-color: #86ce2f !important}
        nav{margin-top: 55px; margin-left: 130px; }
        nav li  {float: left;  }
        nav li a{color: #666666 !important}
        nav  .ll{padding-left: 9px; padding-right: 9px;text-decoration: none !important;}
    </style>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script type="text/javascript" src="layui/layui.all.js"></script>
</head>
<body>
    <div class="bj">
            <div class="center">
                <div class="tx1">账号密码登录</div>
                <div class="tx2">推荐使用<a href="imgs/banner1.jpg">快速安全登录</a>,防止盗号</div>

                <form method="post" action="#" class="ff">
                    <input type="text" name="username" placeholder="支持qq/邮箱手机号登录" class="name">
                    <input type="password" name="password" placeholder="密码" class="word" >
                    <input type="submit"  value="登录" class="layui-btn layui-btn-normal sub">

                </form>


                <nav>
                    <ul>
                        <li><a href="#">忘记密码?</a></li>
                        <li class="ll"><img src="imgs/l.jpg"></li>
                        <li><a href="index02.html">注册新账号</a></li>
                        <li class="ll"><img src="imgs/l.jpg"></li>
                        <li><a href="#">意见反馈</a></li>
                    </ul>
                </nav> 
                

            </div>
    </div>


</body>
</html>